<template>
  <van-cell class="myjob" center>
    <!-- 使用 right-icon 插槽来自定义右侧图标 -->
    <template #default>
      <span class="right_job">{{ job }}</span>
    </template>
    <template #title>
      <span class="left_work">{{ myjob }}</span>
    </template>
    <template #icon>
      <i class="iconfont f20" v-html="leftIcon">&#xe64d;</i>
    </template>
    <template #right-icon>
      <i class="iconfont f14" v-html="rightIcon">&#xe653;</i>
    </template>
  </van-cell>
</template>

<script>
export default {
  props: ['job', 'myjob', 'leftIcon', 'rightIcon']
}
</script>

<style lang="less" scoped>
.myjob {
  .right_job {
    font-size: 14px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: right;
    color: #5b5d75;
    line-height: 20px;
    letter-spacing: 0px;
  }
  .left_work {
    font-size: 14px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #181a39;
    line-height: 20px;
    letter-spacing: 0px;
  }
  .f20 {
    font-size: 20px;
    margin-right: 12px;
  }
  .f14 {
    font-size: 13px;
    margin-left: 9px;
  }
}
</style>
